.navbarBrand {
    padding: 11px;
}
.navbarLogin {
    padding: 16px;
}
#pageTop {
    background-color: #FFCC33;
    border-radius: 0px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);

}
#main_head {
    background-color: #FFCC33;
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;   
        margin-bottom: 0;
}
#join_body {
    margin-top: 120px;
}
#loginBox {
    background-color: #E6E6E6;
}
.registerBoxWrap {
    padding: 0 110px 0 110px;
}
.regiterBox {
    margin-top: 100px;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 2px 8px 12px rgba(0, 0, 0, 0.2);
    background-color: #F7F7F9;

}
.registerFName {
    padding: 0;
}
.registerLName {
    padding: 0 10px 0 0;
}
#registerForm {
    margin: 10px;
}

.profileBox {
    margin-top: 20px;
}
.profileHeader {
    height: 120px;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
}
.profileBook {
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 15px;
    height: 400px;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
}
.userBookWrap {
    margin: 0px;
    padding: 12px;
    height: auto;
}
.userBookInner {
    height: 450px;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    border-radius: 4px;
}
.userBookInnerBG {
    background-image: url('../bgTool/background/bg_pattern/pattern_pb1.gif');
}
.ubh {
    height: 18px;
    position: relative;
}
.ubb {
    background-image: url('../bgTool/background/bg_texture/texture_t7.jpg');
    height: 420px;
    margin: 0px;
    padding: 0px;
}
.ubf {
    height: 30px;
    margin: 20px 0px 0px;
    padding: 0px 0px 20px 12px;
}
.upi-s {
    width: 46px;
    height: 46px;
    float: left;
}
.ubh-txt {
    margin: 0px;
    padding: 0px;
    text-overflow: ellipsis;
    float: left;
}
.example-bgi {
    width: auto;
    max-width: 259px;
}
.piuonFooter {
    position: absolute;
    bottom: 0;
}


